<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>front字体样式</title>
    <style>
        body{
            font-size: 25px;
        }
        .d4{
            font-size: 16px;

            /*可以设置多个，从最左边的开始应用*/
            font-family: Arial,"微软雅黑";

            /*700=bold加粗 400 = normal不加粗 默认为normal*/
            font-weight: 700;

            /*斜体显示 默认是不倾斜 默认：normal*/

            /*font-style: italic;*/
            font-style: normal;
        }
        .mult-font{
            /* { font: font-style  font-weight  font-size/line-height  font-family;} */
            font: italic,700,20px,"微软雅黑";
        }

    </style>
</head>
<body>
    <div>java后端</div>
    <div>web前端</div>
    <div class="mult-font">大数据开发</div>
    <div class="d4">web前端好</div>
    <div>ai算法</div>
</body>
</html>